<template>
  <div class="dashboard-container" >
    <div class="app-container">
      <el-card>
           <!-- 警告框 -->
       <el-alert
    :title="`共${logsList.length}条数据`"
    
    type="info"
   >
  </el-alert>

         <!-- 表格区域 -->
        <div class="table-box">
              <!-- 表格 -->
              <el-table :data="logsList">
                  <el-table-column label="操作类型" prop="type" align="center"></el-table-column>
                  <el-table-column label="操作人"  prop="username" align="center"></el-table-column>
                  <el-table-column label="执行结果" prop="results" align="center"></el-table-column>
                  <el-table-column label="操作时间" prop="create_date" align="center">
                    <template slot-scope="scope">{{scope.row.create_date|parseTime}}</template>
                  </el-table-column>
                  <el-table-column label="描述" sortable prop="construction" align="center"></el-table-column>
              </el-table>
              
        </div>
       
      </el-card>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.el-alert {
  margin: 10px;
}
</style>

<script>
export default {
  name: 'base-logs',
  data(){
  return {
logsList:[],
 date: new Date(),
 
  }

  },
     methods: {
      hello() {
       
      }
    },
    created(){
      for(let i=0;i<100;i++){
        this.logsList.push({type:'SQ',username:'康康',results:'别问,问就是美男子',
        create_date:this.date,construction: '56.24'})
      }
   
      
    }
    }
</script>

